<template>
  <blog-table  :data='pricingData' :serviceName='serviceName' :columns='pricingColumns' :filter-key='searchQuery'></blog-table>
</template>
<script>
  import BlogTable from "./BlogTable.vue"

  export default{
    data(){
      return {
           serviceName: 'Pricing Service',
           pricingColumns: ['name', 'pricing'],
           pricingData: [
             { name: 'Chuck Norris', pricing: Infinity },
             { name: 'Bruce Lee', pricing: 9000 },
             { name: 'Jackie Chan', pricing: 7000 },
             { name: 'Jet Li', pricing: 8000 }
           ],
           searchQuery: ''
       }
    },
    components:{
      "blog-table": BlogTable
    }
  }
</script>
<style></style>
